<template>
  <div class="b-form-detail-layout">
    <el-divider content-position="left">{{ title }}</el-divider>
    <slot name="title" />
    <div class="p-20">
      <slot name="content" />
    </div>
  </div>
</template>
<script>
export default {
  name: 'DetailTitle',
  props: {
    // 编辑器的内容
    title: {
      type: String,
      default: ''
    }
  }
}
</script>
<style lang="scss" scoped>
.b-form-detail-layout {
  border: 1px solid #eee;
  border-top: 0;
  margin-bottom: 16px;
  position: relative;
  .el-divider--horizontal {
    margin: 8px 0;
  }

  .el-divider__text {
    font-weight: 700;
  }
}
</style>
